<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阿里迪里学生考试系统</title>
    <link rel="shortcut icon" href="../image/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="../layui/css/layui.css">

    <style>
        /* 去除layui的select选择器的边框，使其变为下划线效果 */
        .layui-input,
        .layui-select,
        .layui-textarea {
            border: none;
            border-bottom: 1px solid #dcdfe6;
        }

        /* 改变layui选择框的背景颜色和字体颜色 */
        .layui-form-select dl dd.layui-this {
            background-color: white;
            color: #dcdfe6;
        }
    </style>
</head>

<body>

    <div id="app">

        <img src="image/back.png" class="back-image">
        <div class="head-logo">
            <img src="../image/logo.png" style="height: 120px;">
            <!-- <span class="font-logo">阿里迪里考试系统</span> -->
        </div>

        <!-- 登录模块 -->
        <div id="login-form" style="display: block;">
            <div class="one same">
                <span class="one-content">阿里迪里学生考试系统登录</span>
            </div>

            <form id="loginForm">
                <div class="same">
                    <input type="text" placeholder="请输入用户名" id="userName" class="placeholder-font" name="userName">
                </div>
                <div class="same" style="margin-bottom: 30px;">
                    <input type="password" placeholder="请输入密码" id="password" class="placeholder-font" name="password">
                </div>
                <div class="three">
                    <span class="pass-tip">忘记密码</span>
                </div>
                <div class="four same">
                    <!-- <a href="../home/index.html"> -->
                    <input type="button" value="登录" id="loginBtn" class="same-button"></a>
                </div>
            </form>

            <div class="five same">
                <span>没有账号？</span>
                <a id="reg-btn">注册</a>
            </div>
        </div>


        <!-- 注册模块 -->
        <div id="register-form" style="display: none;">
            <div class="one same" style="margin-bottom: 10px!important">
                <span class="one-content">阿里迪里学生考试系统注册</span>
            </div>

            <div class="three-register">
                <span style="color: #8c8c8c;">已有账号？</span>
                <a id="log-btn">登录</a>
            </div>

            <form class="layui-form" id="regForm">
                <div class="same" style="padding-top: 0!important">

                    <div class=" layui-form-item">
                        <select name="userLevel" lay-verify="" id="userLevel">
                            <option value="">请选择年级</option>
                            <option value="一年级">一年级</option>
                            <option value="二年级">二年级</option>
                            <option value="三年级">三年级</option>
                            <option value="四年级">四年级</option>
                            <option value="五年级">五年级</option>
                            <option value="六年级">六年级</option>
                            <option value="初一">初一</option>
                            <option value="初二">初二</option>
                            <option value="初三">初三</option>
                            <option value="高一">高一</option>
                            <option value="高二">高二</option>
                            <option value="高三">高三</option>
                        </select>
                    </div>
                </div>

                <div class="same">
                    <input type="text" placeholder="请输入用户名" class="placeholder-font" name="userName" id="userName2">
                </div>
                <div class="same" style="margin-bottom: 30px;">
                    <input type="password" placeholder="请输入密码" class="placeholder-font" name="password" id="password1">
                </div>
                <div class="same" style="margin-bottom: 30px;">
                    <input type="password" placeholder="请确认密码" class="placeholder-font" id="password2">
                </div>

                <div class="four same">
                    <input type="button" value="注册" class="same-button" id="regBtn">
                </div>

            </form>
        </div>



        <div class="account-foot-copyright">
            <span>Copyright © 2021 在校开发团队所有</span>
        </div>
    </div>


    <script src="../layui/layui.js"></script>
    <script src="js/login.js"></script>
</body>

</html>